$primary-color: #554df1;
$primary-color-hover: #443ed1;
$secondary-color: #eef;
$hover-color: #f00;
$text-color: #000;
$background-color: #fff;
$border-color: #ccc;
$border-radius: 5px;

.form-item{
  display: flex;
  padding: 10px 0px;
  gap: 10px;
  align-items: center;
  .form-label{
    font-size: 14px;
    font-weight: 500;
  }
  .form-c{
    flex: 1;
  }
  .form-col-1{
    width: 60px;
  }
}
.btn{
  cursor: pointer;
  display: flex;
  min-width: 80px;
  padding: 5px 10px;
  align-items: center;
  background-color: #fff;
  justify-items: center;
  justify-content: center;
  border-radius: $border-radius;
  border: 1px solid $border-color;
}
.btn-primary{
  &:hover{
      background-color: $primary-color-hover;
      color: #fff;
    }
}

select{
      width: 150px;
      border: 1px solid $border-color;
      border-radius: $border-radius;
      height: 30px;
      &:focus{
        outline: none;
        border-color: $primary-color;
      }
    }
    input{
      width: 100%;
      height: 30px;
      border: 1px solid $border-color;
      border-radius: $border-radius;
      padding-left: 5px;
      &:focus{
        outline: none;
        border-color: $primary-color;
      }
    }
